<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>校园生活</title>
<style type="text/css">
/*整体的*/
body{ background-image:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/background3.jpg); background-size:cover;}
.clear{ clear:both}
/*导航条*/
#top{height:90px; width:1566px; margin-top:-7px; border-bottom:1px solid #00F}
#top ul{ margin-top:-70px; margin-left:880px}
#top ul li{list-style:none; float:left; padding:0 40px; font-size:14px; line-height:12px;}
#top ul li a{text-decoration:none; color:#000; padding-left:10px;}
#top ul li a:hover{color:#00F;}
.logo{margin-top:10px; margin-left:220px}
/*内容*/
#content{margin-top:330px; margin-left:300px;}
#activity{margin-bottom:60px}
#activity ul{margin-right:100px; margin-left:350px; margin-top:-400px;}
#activity ul li{list-style:none;}
.h{margin-top:60px}
#team{margin-bottom:60px;}
#team ul{margin-right:100px; margin-left:-30px; margin-top:-400px;}
#team ul li{list-style:none;}
.hh{margin-left:620px; margin-top:60px}
#sheji{margin-bottom:40px; width:1000px; background:#CCC;}
#sheji ul{margin-left:550px; margin-top:-378px;}
#sheji ul li{list-style:none; padding:10px; border-bottom:1px dashed #666666;}
#sheji ul li a{font-size:20px; color:#000; text-decoration:none; font-family:Verdana, Geneva, sans-serif;}
#sheji ul li a:hover{color:#00F}
.img{margin-top:40px;}
/*底部*/
#footer{background:#202428; padding:25px 0 20px;}
.footer-right{margin-left:1250px; margin-top:-80px;}
#footer-left{margin-left:100px; margin-top:-10px;}
#footer-left ul li{font-size:20px; color:#FF9; list-style:none;}
#footer-left ul li a{text-decoration:none; font-size:18px; color:#FFF;}
#footer-left ul li a:hover{font-size:20px; color:#FF9}
/*菜单*/
#meau *{margin:0; padding:0;}
#meau{font-family:verdana, sans-serif; font-size:small; padding:0;margin:0;}
#navigation, #navigation li ul {list-style-type:none;}
#navigation{margin-top:0px; margin-left:0px;}
#navigation li {float:left; text-align:center; position:relative;}
#navigation li a:link, #navigation li a:visited {
display:block;
text-decoration:none;
color:#000;
width:200px;
height:40px;
line-height:40px;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c5dbf2;
padding-left:10px;
}
#navigation li a:hover {color:#fff; background:#2687eb;}
#navigation li ul li a:hover {color:#fff; background:#6b839c;}
#navigation li ul {
display:none;
position:absolute;
top:40px;
left:0;
margin-top:1px;
width:120px;
}
#navigation li ul li ul {
display:none;
position:absolute;
top:0px;
left:210px;
margin-top:0;
margin-left:1px;
width:120px;
}
</style>
<!--图片切换-->
<script language="javascript"> 
setInterval(test,1000); 
var array=new Array(); 
var index=0; 
var array= new Array("../大作业图片/h1.png","../大作业图片/h2.png","../大作业图片/h3.png"); 
function test() 
{ var myimg=document.getElementById("imgs"); 
if(index==array.length-1) 
{ index=0; }else{ index++; } 
myimg.src=array[index]; 
} 
</script>
 
<script language="javascript"> 
setInterval(test,1000); 
var photo=new Array(); 
var index=0; 
var photo= new Array("../大作业图片/s5.png","../大作业图片/s6.png","../大作业图片/s7.png"); 
function test() 
{ var picture=document.getElementById("pic"); 
if(index==photo.length-1) 
{ index=0; }else{ index++; } 
picture.src=photo[index]; 
} 
</script>
<!--时间-->
<script type="text/javascript">  
function setTime(){	
var d=new Date()
timer.innerHTML=(d.getHours()+":"+d.getMinutes()+":"+d.getSeconds()) 
document.getElementById('timer').style.color='white'
}
</script> 
</head>

<body>
<!------------Top Start------------->
<div id="top">
     <img src="../大作业图片/logo1.png" class="logo">
     <ul>
        <li><a href="My school.html"><img src="../大作业图片/t1.png" width="27px" height="33px"></a><a href="My school.html"><p>大学首页</p></a></li>
        <li><a href="#"><img src="../大作业图片/t2.png" width="27px" height="33px"></a><a href="#"><p>学院概况</p></a></li>
        <li><a href="Life.html"><img src="../大作业图片/t3.png"></a><a href="Life.html"><p>校园生活</p></a></li>
      </ul>
</div>
<div class="clear"></div>
<!--------------Top End------------------>
<!-------------Meau Start---------------->
<div id="meau">

<ul id="navigation">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">常用电话 &copy; Telephone</a>

<ul>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">学生发展与服务部</a>
<ul>
<li><a href="#">tell：0411-84832301</a></li>
<li><a href="#">neusoftxgb@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">后勤管理务部</a>
<ul>
<li><a href="#">tell：0411-84835013</a></li>
<li><a href="#">hq@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">保卫部</a>
<ul>
<li><a href="#">tell：0411-84832110</a></li>
<li><a href="#">wangqiang@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">党委学生务部</a>
<ul>
<li><a href="#">tell：0411-84835131</a></li>
<li><a href="#">zhaojingjing@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">校团委</a>
<ul>
<li><a href="#">tell：0411-84835136</a></li>
<li><a href="#">wangxiujuan@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">心理健康教育中心</a>
<ul>
<li><a href="#">tell：0411-84832296</a></li>
<li><a href="#">zhangli@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">学生勤工资助管理中心</a>
<ul>
<li><a href="#">tell：0411-84832369</a></li>
<li><a href="#">xujie@neusoft.edu.cn</a></li>
</ul>
</li>

<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">生活园区管理服务中心</a>
<ul>
<li><a href="#">tell：0411-84832200</a></li>
<li><a href="#">sundezhi@neusoft.edu.cn</a></li>
</ul>
</li>

</ul>
</li>
</ul>

<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
</div>
<!--------------Meau End----------------->
<!-----------Content Start--------------->
<div id="content">
<div id="activity">
<img src="../大作业图片/o1.png">
<img id="imgs" src="../大作业图片/h1.png" class="h"/>
<ul>
<li><img src="../大作业图片/h4.png">
    <img src="../大作业图片/h5.png"></li>
<li><img src="../大作业图片/h6.png">
    <img src="../大作业图片/h7.png"></li>
</ul>
</div>
<div id="team">
<img src="../大作业图片/o2.png">
<img id="pic" src="../大作业图片/s5.png" class="hh"/>
<ul>
<li><img src="../大作业图片/s1.png">
    <img src="../大作业图片/s2.png"></li>
<li><img src="../大作业图片/s3.png">
    <img src="../大作业图片/s4.png"></li>
</ul>
</div>
<div id="sheji">
<img src="../大作业图片/o3.png">
<div>
<img src="../大作业图片/z.png" class="img">
<ul>
<li><a href="#">毕业设计紧紧围绕技术前沿</a></li>
<li><a href="#">毕业设计源于真实的企业项目</a></li>
<li><a href="#">拿着毕业设计去创业</a></li>
<li><a href="#">写出50000行程序才做成一个“菜单盒子”</a></li>
<li><a href="#">从东软到圣笛--两位“东软合伙人”的创业之路</a></li>
<li><a href="#">当“大白”邂逅“全球达沃斯杰出青年”</a></li>
<li><a href="#">智能温度控制系统</a></li>
<li><a href="#">智能教室管理系统</a></li>
</ul>
</div>
</div>

</div>
<!------------Content End---------------->
<!-------Footer Start----------->
<div id="footer">
<div class="container">
			<div id="footer-left">
				<ul>
                <li>友情链接</li>
				<li>
                    <a href='http://www.neusoft.com/' target='_blank'>东软集团</a>
                    <a href='http://www.nsu.edu.cn/' target='_blank'>成都东软学院</a>
                    <a href='http://nanhai.neusoft.edu.cn/' target='_blank'>广东东软学院</a>
                    <a href='http://www.neubooks.com/' target='_blank'>东软电子出版社</a>
                    <a href='http://www.cooventure.com/' target='_blank'>睿创网</a>
                  </li>
				</ul>
			</div>
			<div class="footer-right">
            <h1 id="timer">00:00:00</h1>
            <script type="text/javascript"> 
                var now=new Date() 
                document.write(1900+now.getYear()+"-"+(now.getMonth()+1)+"-"+now.getDate())
            </script> 
            <script type="text/javascript">
                setInterval("setTime()",1000);
            </script>
			</div>
</div>
<!--------Footer End------------>
</body>
</html>
